<template>
  <div class="max">
    <my-header :backBtn="true">
      <div slot="title">
        闸机图片
      </div>
    </my-header>
    <div class="cont-nof report-daily">
      <div class="stu-img shadow" @click="showPhoto(report.avatar)">
        <img style="width: 30rem;height: 20rem"  :src="report.avatar" alt="">
      </div>
    </div>
  </div>
</template>

<script>
import wx from "weixin-js-sdk";
import charts from '@/components/reportCharts.vue'

export default {
  components: {
    charts
  },
  data() {
    return {
      report: {}
    }
  },
  methods: {
    showPhoto(url) {
      wx.previewImage({
        previewImage: url,
        urls: [url]
      })
    },

  },
  created() {

    this.report.avatar = "http://wy-file.wekids.group/"+this.$route.query.imgurl;
    //todo 展示报告详情
    // this.$http.fetchReportDetail(id).then(resp => {
    //   debugger
    //   this.report = resp.data;
    //   this.statics = resp.data.statics;
    //   this.hChart = this.handleStatics(this.statics.h);
    //   this.wChart = this.handleStatics(this.statics.w);
    //   this.bmiChart = this.handleStatics(this.statics.bmi);
    //   this.$nextTick(function () {
    //     this.renderChart();
    //   })
    // })
  },
}
</script>

<style scoped>
.report-daily {
  padding: 0.5rem;
  box-sizing: border-box;
}

.stuInfo {
  width: 100%;
  height: 12rem;
  padding: 1rem;
  box-sizing: border-box;
  justify-content: space-between;
}

.stu-img {
  width: 100%;
  height: 100%;
  overflow: hidden;

}

.stu-img img {
  width: 100%;
  height: 100%;
}


</style>
